﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>主页</title>
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<link rel="stylesheet" href="/static/assets/materialize/css/materialize.min.css" media="screen,projection" />
	<!-- Bootstrap Styles-->
	<link href="/static/assets/css/bootstrap.css" rel="stylesheet" />
	<!-- FontAwesome Styles-->
	<link href="/static/assets/css/font-awesome.css" rel="stylesheet" />
	<!-- Morris Chart Styles-->
	<link href="/static/assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
	<!-- Custom Styles-->
	<link href="/static/assets/css/custom-styles.css" rel="stylesheet" />
	<!-- Google Fonts-->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
	<link rel="stylesheet" href="/static/assets/js/Lightweight-Chart/cssCharts.css">
	<script src="/static/js/jquery-1.11.1.min.js"></script>
	<script src="/static/js/vue.js"></script>
	<script src="/static/js/jquery.cookie.js"></script>
	<script src="/static/js/axios.js"></script>
</head>

<body>
	<div id="wrapper">
		<nav class="navbar navbar-default top-navbar" role="navigation">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle waves-effect waves-dark" data-toggle="collapse" data-target=".sidebar-collapse">
					<span class="sr-only"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand waves-effect waves-dark" href="last_index.html">
					<i class="large material-icons">track_changes</i>
					<strong>Real Space</strong>
				</a>

				<div id="sideNav" href="">
					<i class="material-icons dp48">toc</i>
				</div>
			</div>

			<ul class="nav navbar-top-links navbar-right">
				<li>
					<a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown1">
						<i class="fa fa-user fa-fw"></i>
						<b>{{name}}</b>
						<i class="material-icons right">arrow_drop_down</i>
					</a>
				</li>
			</ul>
		</nav>
		<!-- Dropdown Structure -->
		<ul id="dropdown1" class="dropdown-content">
			<li>
				<a href="#">
					<i class="fa fa-user fa-fw"></i>个人信息</a>
			</li>
			<li>
				<a href="#">
					<i class="fa fa-sign-out fa-fw"></i>退出</a>
			</li>
		</ul>

		<ul id="dropdown3" class="dropdown-content dropdown-tasks w250">
			<li>
				<a href="#">
					<div>
						<p>
							<strong>Task 1</strong>
							<span class="pull-right text-muted">60% Complete</span>
						</p>
						<div class="progress progress-striped active">
							<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
							    style="width: 60%">
								<span class="sr-only">60% Complete (success)</span>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<p>
							<strong>Task 2</strong>
							<span class="pull-right text-muted">28% Complete</span>
						</p>
						<div class="progress progress-striped active">
							<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="28" aria-valuemin="0" aria-valuemax="100" style="width: 28%">
								<span class="sr-only">28% Complete</span>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<p>
							<strong>Task 3</strong>
							<span class="pull-right text-muted">60% Complete</span>
						</p>
						<div class="progress progress-striped active">
							<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
							    style="width: 60%">
								<span class="sr-only">60% Complete (warning)</span>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<p>
							<strong>Task 4</strong>
							<span class="pull-right text-muted">85% Complete</span>
						</p>
						<div class="progress progress-striped active">
							<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"
							    style="width: 85%">
								<span class="sr-only">85% Complete (danger)</span>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
		</ul>
		<ul id="dropdown4" class="dropdown-content dropdown-tasks w250 taskList">
			<li>
				<div>
					<strong>John Doe</strong>
					<span class="pull-right text-muted">
						<em>Today</em>
					</span>
				</div>
				<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</p>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<div>
					<strong>John Smith</strong>
					<span class="pull-right text-muted">
						<em>Yesterday</em>
					</span>
				</div>
				<p>Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...</p>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<strong>John Smith</strong>
						<span class="pull-right text-muted">
							<em>Yesterday</em>
						</span>
					</div>
					<p>Lorem Ipsum has been the industry's standard dummy text ever since the...</p>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a class="text-center" href="#">
					<strong>Read All Messages</strong>
					<i class="fa fa-angle-right"></i>
				</a>
			</li>
		</ul>
		<!--/. NAV TOP  -->
		<nav class="navbar-default navbar-side" role="navigation">
			<div class="sidebar-collapse">
				<ul class="nav" id="main-menu">

					<li>
						<a class="active-menu waves-effect waves-dark" href="index">
							<i class="fa fa-dashboard"></i> 主页</a>
					</li>
					<li>
						<a href="second" class="waves-effect waves-dark">
							<i class="fa fa-desktop"></i>二手房信息管理</a>
					</li>
					<li>
						<a href="renting" class="waves-effect waves-dark">
							<i class="fa fa-bar-chart-o"></i>租房信息管理</a>
					</li>
					<li>
						<a href="record" class="waves-effect waves-dark">
							<i class="fa fa-qrcode"></i>看房记录</a>
					</li>

					<li>
						<a href="user" class="waves-effect waves-dark">
							<i class="fa fa-table"></i> 用户及经纪人</a>
					</li>
					<li>
						<a href="knowledge" class="waves-effect waves-dark">
							<i class="fa fa-edit"></i> 知识库管理 </a>
					</li>


					<li>
						<a href="#" class="waves-effect waves-dark">
							<i class="fa fa-sitemap"></i>楼盘信息
							<span class="fa arrow"></span>
						</a>
						<ul class="nav nav-second-level">
							<li>
								<a href="allfloor">全部楼盘</a>
							</li>
							<li>
								<a href="renting">推荐楼盘</a>
							</li>
						</ul>
					</li>
					<!-- <li>
                        <a href="empty.html" class="waves-effect waves-dark">
                            <i class="fa fa-fw fa-file"></i> Empty Page</a>
                    </li> -->
				</ul>

			</div>

		</nav>
		<!-- /. NAV SIDE  -->

		<div id="page-wrapper">
			<div class="header">
				<h1 class="page-header">
					首页
				</h1>
				<ol class="breadcrumb">
					<li>
						<a href="#">Home</a>
					</li>
					<li class="active">基本数据展示</li>
				</ol>

			</div>
			<div id="page-inner">

				<div class="dashboard-cards">
					<div class="row">
						<div class="col-xs-12 col-sm-6 col-md-3">

							<div class="card horizontal cardIcon waves-effect waves-dark">
								<div class="card-image red">
									<i class="material-icons dp48">import_export</i>
								</div>
								<div class="card-stacked red">
									<div class="card-content">
										<h3>156</h3>
									</div>
									<div class="card-action">
										<strong>总用户</strong>
									</div>
								</div>
							</div>

						</div>
						<div class="col-xs-12 col-sm-6 col-md-3">

							<div class="card horizontal cardIcon waves-effect waves-dark">
								<div class="card-image orange">
									<i class="material-icons dp48">shopping_cart</i>
								</div>
								<div class="card-stacked orange">
									<div class="card-content">
										<h3>32</h3>
									</div>
									<div class="card-action">
										<strong>二手房数</strong>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xs-12 col-sm-6 col-md-3">

							<div class="card horizontal cardIcon waves-effect waves-dark">
								<div class="card-image blue">
									<i class="material-icons dp48">equalizer</i>
								</div>
								<div class="card-stacked blue">
									<div class="card-content">
										<h3>35</h3>
									</div>
									<div class="card-action">
										<strong>租房数</strong>
									</div>
								</div>
							</div>

						</div>
						<div class="col-xs-12 col-sm-6 col-md-3">
							<div class="card horizontal cardIcon waves-effect waves-dark">
								<div class="card-image green">
									<i class="material-icons dp48">supervisor_account</i>
								</div>
								<div class="card-stacked green">
									<div class="card-content">
										<h3>12</h3>
									</div>
									<div class="card-action">
										<strong>楼盘数</strong>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /. ROW  -->



				<div class="row">


					<div class="col-md-4 col-sm-4" style="width:41.6%">
						<div class="card blue-grey darken-1">
							<div class="card-content white-text">
								<span class="card-title">故障记事本</span>
								<p>登录注册模块表单校验，功能有待完善。</p>
							</div>
							<div class="card-action">
								<a href="#">2018-5-23</a>
							</div>
						</div>
					</div>
				</div>



				<div class="row">
					<div class="col-md-8 col-sm-12 col-xs-12" style="width: 100%;">
						<div class="card">
							<div class="card-action">
								<b>管理员列表</b>
							</div>
							<div class="card-image">
								<ul class="collection">
									<li class="collection-item avatar">
										<i class="material-icons circle green">track_changes</i>
										<span class="title">管理员1</span>
										<p>username
											<br> 1
										</p>
										<a href="#!" class="secondary-content">
											<i class="material-icons">grade</i>
										</a>
									</li>
								</ul>
							</div>
						</div>



					</div>
				</div>
				<!-- /. ROW  -->
				<div class="fixed-action-btn horizontal click-to-toggle">
					<a class="btn-floating btn-large red">
						<i class="material-icons">menu</i>
					</a>
					<ul>
						<li>
							<a class="btn-floating red">
								<i class="material-icons">track_changes</i>
							</a>
						</li>
						<li>
							<a class="btn-floating yellow darken-1">
								<i class="material-icons">format_quote</i>
							</a>
						</li>
						<li>
							<a class="btn-floating green">
								<i class="material-icons">publish</i>
							</a>
						</li>
						<li>
							<a class="btn-floating blue">
								<i class="material-icons">attach_file</i>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- /. PAGE INNER  -->
		</div>
		<!-- /. PAGE WRAPPER  -->
	</div>
	<!-- /. WRAPPER  -->
	<!-- JS Scripts-->
	<!-- jQuery Js -->

	<!-- Bootstrap Js -->
	<script src="/static/assets/js/bootstrap.min.js"></script>

	<script src="/static/assets/materialize/js/materialize.min.js"></script>

	<!-- Metis Menu Js -->
	<script src="/static/assets/js/jquery.metisMenu.js"></script>
	<!-- Morris Chart Js -->
	<script src="/static/assets/js/morris/raphael-2.1.0.min.js"></script>
	<script src="/static/assets/js/morris/morris.js"></script>


	<script src="/static/assets/js/easypiechart.js"></script>
	<script src="/static/assets/js/easypiechart-data.js"></script>

	<script src="/static/assets/js/Lightweight-Chart/jquery.chart.js"></script>

	<!-- Custom Js -->
	<script src="/static/assets/js/custom-scripts.js"></script>

	<script src="/static/assets/js/index.js"></script>
</body>

</html>